<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>我的积分</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/personal.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div class="swiper-container Main" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children">
				
				<div class="score-top">
					<h4 class="name">当前积分</h4>
					<div class="valMod flex-row">
						<span class="icon"></span><span class="val">1226</span>
					</div>
					<a href="mall.html" class="flex-row buy-btn">
						快用积分去购物吧<span class="icon"></span>
					</a>
					<h6 class="txt">(温馨提示：两个积分=1元钱哦)</h6>
				</div>
				
				<div class="score-title h4 tc bg-w">积分轻松得</div>
				<div class="score-adv tc bg-w flex-row">
					<ul class="flex-full flex-col">
						<li class="icon icon-1"></li>
						<li class="bt">每日任务</li>
						<li class="sm dm-wrap">做任务即获得积分</li>
					</ul>
					<ul class="flex-full flex-col">
						<li class="icon icon-2"></li>
						<li class="bt">消费购物</li>
						<li class="sm dm-wrap">确认收货立返积分</li>
					</ul>
					<ul class="flex-full flex-col">
						<li class="icon icon-3"></li>
						<li class="bt">积分游戏</li>
						<li class="sm dm-wrap">惊喜奖励天天拿</li>
					</ul>
				</div>
				
				<div class="scoreTab dm-mt">
					<ul class="txt">
						<li class="val">88积分</li>
						<li class="val-2">周周兑</li>
					</ul>
					<ol class="navTab tc flex-row">
						<li class="on flex-full" onclick="scoreTab(this)">积分明细</li>
						<li class="flex-full" onclick="scoreTab(this)">本期抢兑</li>
					</ol>
				</div>
				
				<div class="detail-wrap bg-w">
					<!--积分明细-->
					<div class="detailMod scoreDetail bottom-line">
						<ul class="list bottom-line flex-row">
							<li class="flex-full">
								<div class="name h5">购物送积分</div>
								<h6 class="time">2018-06-10 15:23:43</h6>
							</li>
							<li class="val">+10</li>
						</ul>
					</div>
					<!--强兑-->
					<div class="detailMod" style="display: none;">
						<div class="bt">每周五10点开抢</div>
						<div class="exchangeMod">
							<ul class="list flex-row">
								<li class="pt cover">
									<a href="productDetail.html"><img src="image/test/pro-1.png" /></a>
								</li>
								<li class="flex-full info">
									<h5 class="name">这里是商品名称这里是商品名称</h5>
									<div class="val-box dm-clearfix">
										<div class="val dm-left">100积分</div>
										<div class="past dm-left">￥119.00</div>
									</div>
									<div class="flex-row progressMod">
										<div class="all flex-full">
											<span class="cur"></span>
										</div>
										<h6 class="t1 dm-wrap">仅剩19件</h6>
									</div>
									<a class="btn">抢兑提醒</a>
								</li>
							</ul>
						</div>
					</div>
					
				</div>
				
			</div>
			
		</div>
	</div>
</div>

<script type="text/javascript">

new copy('.scoreDetail',9).data();
new copy('.exchangeMod',9).data();
var swiper = pullSwiper('#Main',true);

//切换
function scoreTab(obj){
	$(obj).addClass('on').siblings().removeClass('on');
	var index = $(obj).index();
	$(".detailMod").hide().eq(index).show();
};
function reload(pull){
	pull.innerHTML = '已加载全部数据'
};
</script>

</body>
</html>
